@charset "utf-8";
/* CSS Document */

html, body {
  height: 100%;
  padding: 0;
  margin:0;
  background-color: #222020;
  font-family:Arial;
  color: #fff;
  font-size: 9pt;
  }

  #super-wrap {
  height: auto;
  min-height: 100%;
  width: 100%;
 
}

h1
{
 font-family:Arial;
  color: #000;
  font-size: 18pt;
  text-transform:uppercase;
}

h3
{
font-family:Arial;
  color: #000;
  font-size: 10pt;
  text-transform:capitalize;
}

#logo
{
position: absolute;
left: 50%;
margin-left: -450px;
padding-top:4px;
}

/* Main structure */
#topbar{
height: 48px;
width:100%;
background-color: #000;
}

#footer {
margin-top: 40px;
  height: 20px;
  background-image: url(../images/bg_footer.jpg);
  width:900px;
}


#content-wrap{
 position: absolute;
left: 50%;
margin-left: -450px;
  width: 900px;
  height:auto;
  background-image: url(../images/bg_main.jpg);
  background-repeat: repeat-x;
  background-position:top left;
  background-color: #9c0001;
  margin-top: 5px;
  padding-top: 40px;
}
/* --------------------------------- */


/* content */

.left
{
float: left;
}

.right
{
float: right;
}

.clear
{
clear: both;
}

.contensilo
{
padding: 20px 20px 20px 20px;
background-color: #760000;
background-position: top left;
background-image: url(../images/bg_container.jpg);
background-repeat: repeat-x;
width: 560px;
height:auto;
min-height: 400px;
}

.footer-content
{
margin-left: 10px;
padding-top: 3px;
}

.navigation
{
text-align:right;
padding: 0 0 0 0;
margin-top: 60px;
}

.navigation ul
{
list-style: none;
}

.navigation ul li
{

}

.navigation ul li a
{
font-family: Arial Narrow;
color: #dd6d6b;
text-decoration: none;
font-size: 28pt;
text-transform: uppercase;
}

.navigation ul li a:hover
{
color: #fff;
}


#contentsilo p
{
padding-bottom: 10px;
}

.textbox
{
border: 1px solid #663938;
width: 200px;
}

.dropdown
{
border: 1px solid #663938;
width: 200px;
}

.button
{
background-color: #ff1800;
border: 1px solid #780103;
color: #000;
padding: 5px 5px 5px 5px;
text-decoration: none;
font-size: 10pt;
width: 50px;
cursor:pointer;
}

.button:hover
{
background-color: #780103;
color: #fff;
border: 1px solid #ff1800;
padding: 5px 5px 5px 5px;
}

.link-button
{
background-color: #ff1800;
border: 1px solid #780103;
color: #000;
padding: 7px 7px 7px 7px;
text-decoration: none;
font-size: 10pt;
}

.link-button:hover
{
background-color: #780103;
color: #fff;
border: 1px solid #ff1800;
padding: 5px 5px 5px 5px;
}

.blacktext
{
color: #000;
}


.loginsilo
{
margin-top: 60px;
margin-left: 100px;
}

.clientnavi
{
padding: 10px 0 10px 0;
margin: 0 0 0 0;
border-bottom: 1px dotted black;
border-top: 1px dotted black;
vertical-align:text-bottom;
}

.clientnavi ul
{
list-style: none;
display: inline;
padding: 0 0 0 0;
}

.clientnavi ul li
{

display: inline;
}
.datetextbox
{
    line-height:22px;
    float:left;
}

.datepickercalender
{
    float:left;
    position:fixed;
    z-index:0;
}

p.flip
{
    margin:0px;
    text-decoration:none;
    position:relative;
    z-index:1;
}

div.panel
{
    padding: 20px 0 0 0;
    height:160px;
    display:none;
    margin:0px;
    width:210px;
    border:dotted 1px Black;
    position:fixed;
    z-index:0;
    background-color:Red;
}

/* ------------------- */